html,body {
	width: 100%;
	height: 100%;
	color: #333;
	min-width: 1244px
}

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

fieldset,img {
	border: 0
}

address,caption,cite,code,dfn,th,var,i,s {
	font-style: normal;
	font-weight: normal
}

li {
	list-style: none
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal
}

input[type=checkbox] {
	vertical-align: middle;
	margin-top: -1px
}

body,button,select,textarea,input {
	font-family: Microsoft YaHei,Tahoma,SimSun,Verdana;
	font-size: 12px;
	line-height: 1.5
}

button {
	white-space: nowrap;
	overflow: visible
}

a {
	text-decoration: none;
	outline: 0
}

a:hover {
	text-decoration: none
}

a:active {
	outline: 0
}

a:focus {
	-moz-outline-style: none
}

em {
	font-style: normal
}

.clearfix:before,.clearfix:after {
	content: '.';
	display: block;
	overflow: hidden;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0
}

.clearfix:after {
	clear: both
}

.w994 {
	width: 994px;
	margin: 0 auto
}

.topbar {
	position: absolute;
	top: 0;
	left: 50%;
	width: 994px;
	margin: 0 0 0 -497px;
	z-index: 1000
}

.opbg {
	position: absolute;
	top: 0;
	width: 100%;
	height: 76px;
	background: #fff;
	opacity: .03;
	z-index: 800;
	filter: alpha(opacity=20)
}

.qlogo {
	float: left;
	width: 123px
}

.qlogo a {
	display: block;
	width: 240px;
	height: 0;
	overflow: hidden;
	padding-top: 76px;
	font-size: 0;
	background: transparent url(../img/logo.png) no-repeat left 12px
}

.snav,.flashData {
	height: 23px;
	text-align: right;
	line-height: 23px
}

.snav {
	padding-top: 16px
}

.snav a:link,.snav a:visited {
	color: #fff
}

.snav span {
	padding: 0 5px;
	color: #fff
}


.flashData a:link,.flashData a:visited {
	color: #fff
}

.flashData a:hover {
	text-decoration: underline
}

.mpage {
	width: 100%;
	height: 100%;
	height: 768px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	background: #006fb5
}

.anitOut {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1
}

.bgz {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background: transparent url(../img/beijing.png) repeat-x left top;
	background-size:auto;
	opacity: .7
}

.ipage {
	width: 1280px;
	height: 800px;
	margin: 0 auto;
	overflow: hidden
}

.banners {
	position: relative;
	width: 100%;
	height: 100%;
	display: none
}

.b_img,.b_txt {
	position: absolute;
	z-index: 100
}

.b_txt {
	height: 0;
	overflow: hidden
}

.fshow {
	position: relative;
	height: 100%;
	z-index: 50
}

.bnav {
	position: absolute;
	left: 50%;
	bottom: 50px;
	width: 80px;
	margin-left: -40px;
	z-index: 400
}

.qpack {
	position: absolute;
	top: 525px;
	right: 6px;
	width: 212px;
	z-index: 100
}

.qpack a.downbtn:hover {
	background-position: 0 -72px
}

.softinfo {
	clear: both;
	height: 20px;
	padding: 10px 3px 0 0;
	color: #fff
}

.newfun {
	clear: both;
	height: 21px;
	padding-top: 5px;
	line-height: 21px;
	text-align: right
}

.newfun a:link,.newfun a:visited {
	color: #fff
}

.softsize {
	margin: 0 30px 0 5px
}

.pointips {
	position: absolute;
	left: 50%;
	bottom: 80px;
	width: 72px;
	height: 72px;
	margin-left: -40px;
	z-index: 400
}

.pointips a {
	display: block;
	width: 72px;
	height: 72px
}

.pointips a:link,.pointips a:visited {
	background: transparent url(../img/d_normal.png) no-repeat 0 0
}

.pointips a:hover {
	background: transparent url(../img/d_hover.png) no-repeat 0 0
}



.overlay {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .9;
	filter: Alpha(opacity=90);
	z-index: 500
}

#flashDiv {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 978px;
	height: 700px;
	margin: -350px 0 0 -489px;
	display: none;
	z-index: 10000
}

.flashBar {
	float: right;
	width: 67px
}


.flashBar a.close {
	background-position: 14px 14px
}

.flashBar a.sharetozone {
	background-position: 14px -52px
}

.flashBar a.sharetoweibo {
	background-position: 14px -120px
}

.flashBar a.close:hover {
	background-position: -52px 14px
}

.flashBar a.sharetozone:hover {
	background-position: -52px -52px
}

.flashBar a.sharetoweibo:hover {
	background-position: -52px -120px
}

.togame {
	clear: both;
	padding-right: 68px;
	line-height: 21px;
	text-align: right
}

.togame a:link,.togame a:visited {
	color: #fff
}

#overlay {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .9;
	filter: Alpha(opacity=90);
	z-index: 500
}

.modInner {
	position: relative;
	width: 994px;
	height: 800px;
	margin: 0 auto
}


.txtwrap {
	position: absolute;
	top: 300px
}

.txtwrap h3 {
	min-height: 60px;
	font-size: 36px;
	color: #313131;
	letter-spacing: 2px
}

.txtwrap h3 span {
	font-size: 48px
}

.txtwrap p {
	line-height: 27px;
	font-size: 22px;
	color: #717171;
	letter-spacing: 1.5px
}

.txtwrap p .sfont {
	font-size: 14px
}

.intro_4 .txtwrap {
	right: 41px
}

.intro_3 .txtwrap {
	left: 58px
}

.intro_2 .txtwrap {
	right: -21px
}

.intro_1 .txtwrap {
	left: -20px
}

.imgwrap {
	display: none;
	position: absolute
}

.modInner .showbg {
	display: block
}

.sfont a:link,.sfont a:visited {
	color: #1a7fe3
}

.s_mod {
	width: 1280;
	height: 452px;
	padding-top: 40px
}

.s_mod ul {
	width: 1280px;
	height: 400px;
	margin: 0 auto
}

.s_mod li {
	float: left;
	width: 400px;
	height: 400px;
	overflow: hidden
}

.s_mod li.w398 {
	width: 398px
}

.s_mod li.w416 {
	width: 416px
}

.s_mod li.w420 {
	width: 420px
}

.s_mod li.w444 {
	width: 444px
}

.s_des {
	height: 0;
	font-size: 0;
	line-height: 0
}

.sidenav {
	position: fixed;
	width: 100%;
	height: 50px;
	padding-top: 3px;
	left: 0;
	top: 0
}

.sidenav {
	display: none;
	width: 30px;
	height: 172px;
	top: 50%;
	margin-top: -86px
}

.sidenav ul {
	width: 12px;
	padding-left: 9px
}

.sidenav li em {
	display: none;
	padding: 2px;
	position: absolute;
	left: 16px;
	top: -2px;
	width: 200px;
	font-size: 12px;
	line-height: 12px
}

.sidenav li:hover em {
	display: inline
}

.foot {
	width: 1280px;
	height: 100px;
	margin: 0 auto;
	min-height: 100px;
	padding-top: 10px;
	background-color: #eef7ff;
	text-align: center
}

.foot p {
	height: 35px;
	line-height: 22px;
	color: #3f3f3f;
	font-size: 14px
}

.fadeIn {
	-webkit-animation: easeIn 1s ease;
	-moz-animation: easeIn 1s ease;
	-o-animation: easeIn 1s ease;
	animation: easeIn 1s ease;
	-webkit-animation-fill-mode: backwards;
	-moz-animation-fill-mode: backwards;
	-o-animation-fill-mode: backwards;
	animation-fill-mode: backwards
}

.topIn {
	-webkit-animation: t_b 1s ease;
	-moz-animation: t_b 1s ease;
	-o-animation: t_b 1s ease;
	animation: t_b 1s ease;
	-webkit-animation-fill-mode: backwards;
	-moz-animation-fill-mode: backwards;
	-o-animation-fill-mode: backwards;
	animation-fill-mode: backwards
}
.topIn_2 {
	-webkit-animation: t_b 1s ease 1s;
	-moz-animation: t_b 1s ease 1s;
	-o-animation: t_b 1s ease 1s;
	animation: t_b 1s ease 1s;
	-webkit-animation-fill-mode: backwards;
	-moz-animation-fill-mode: backwards;
	-o-animation-fill-mode: backwards;
	animation-fill-mode: backwards
}
.topIn_3 {
	-webkit-animation: t_b 1s ease 1.5s;
	-moz-animation: t_b 1s ease 1.5s;
	-o-animation: t_b 1s ease 1.5s;
	animation: t_b 1s ease 1.5s;
	-webkit-animation-fill-mode: backwards;
	-moz-animation-fill-mode: backwards;
	-o-animation-fill-mode: backwards;
	animation-fill-mode: backwards
}
.topIn_4 {
	-webkit-animation: t_b 1s ease 2s;
	-moz-animation: t_b 1s ease 2s;
	-o-animation: t_b 1s ease 2s;
	animation: t_b 1s ease 2s;
	-webkit-animation-fill-mode: backwards;
	-moz-animation-fill-mode: backwards;
	-o-animation-fill-mode: backwards;
	animation-fill-mode: backwards
}
.topIn_5 {
	-webkit-animation: t_b 1s ease 2.5s;
	-moz-animation: t_b 1s ease 2.5s;
	-o-animation: t_b 1s ease 2.5s;
	animation: t_b 1s ease 2.5s;
	-webkit-animation-fill-mode: backwards;
	-moz-animation-fill-mode: backwards;
	-o-animation-fill-mode: backwards;
	animation-fill-mode: backwards
}
.topIn_6 {
	-webkit-animation: t_b 1s ease 3s;
	-moz-animation: t_b 1s ease 3s;
	-o-animation: t_b 1s ease 3s;
	animation: t_b 1s ease 3s;
	-webkit-animation-fill-mode: backwards;
	-moz-animation-fill-mode: backwards;
	-o-animation-fill-mode: backwards;
	animation-fill-mode: backwards
}

.topIn_7 {
	-webkit-animation: t_b 1s ease 3.5s;
	-moz-animation: t_b 1s ease 3.5s;
	-o-animation: t_b 1s ease 3.5s;
	animation: t_b 1s ease 3.5s;
	-webkit-animation-fill-mode: backwards;
	-moz-animation-fill-mode: backwards;
	-o-animation-fill-mode: backwards;
	animation-fill-mode: backwards
}

.leftIn {
	-webkit-animation: l_r 1s ease;
	-moz-animation: l_r 1s ease;
	-o-animation: l_r 1s ease;
	animation: l_r 1s ease;
	-webkit-animation-fill-mode: backwards;
	-moz-animation-fill-mode: backwards;
	-o-animation-fill-mode: backwards;
	animation-fill-mode: backwards
}

.leftIn_1s {
	-webkit-animation: l_r 1s ease 1s;
	-moz-animation: l_r 1s ease 1s;
	-o-animation: l_r 1s ease 1s;
	animation: l_r 1s ease 1s;
	-webkit-animation-fill-mode: backwards;
	-moz-animation-fill-mode: backwards;
	-o-animation-fill-mode: backwards;
	animation-fill-mode: backwards
}
.leftIn_2s {
	-webkit-animation: l_r 1s ease 2s;
	-moz-animation: l_r 1s ease 2s;
	-o-animation: l_r 1s ease 2s;
	animation: l_r 1s ease 2s;
	-webkit-animation-fill-mode: backwards;
	-moz-animation-fill-mode: backwards;
	-o-animation-fill-mode: backwards;
	animation-fill-mode: backwards
}

.leftIn_2 {
	-webkit-animation: l_r 2s ease;
	-moz-animation: l_r 2s ease;
	-o-animation: l_r 2s ease;
	animation: l_r 2s ease;
	-webkit-animation-fill-mode: backwards;
	-moz-animation-fill-mode: backwards;
	-o-animation-fill-mode: backwards;
	animation-fill-mode: backwards
}

.rightIn {
	-webkit-animation: r_l_1 1s ease;
	-moz-animation: r_l_1 1s ease;
	-o-animation: r_l_1 1s ease;
	animation: r_l_1 1s ease;
	-webkit-animation-fill-mode: backwards;
	-moz-animation-fill-mode: backwards;
	-o-animation-fill-mode: backwards;
	animation-fill-mode: backwards
}

.rightIn_2 {
	-webkit-animation: r_l 2s ease;
	-moz-animation: r_l 2s ease;
	-o-animation: r_l 2s ease;
	animation: r_l 2s ease;
	-webkit-animation-fill-mode: backwards;
	-moz-animation-fill-mode: backwards;
	-o-animation-fill-mode: backwards;
	animation-fill-mode: backwards
}

.shake {
	-webkit-animation: shake .8s ease 1s;
	-moz-animation: shake .8s ease 1s;
	-o-animation: shake .8s ease 1s;
	animation: shake .8s ease 1s;
	-webkit-animation-fill-mode: backwards;
	-moz-animation-fill-mode: backwards;
	-o-animation-fill-mode: backwards;
	animation-fill-mode: backwards
}

.scale {
	-webkit-animation: scale_r .6s ease 1s;
	-moz-animation: scale_r .6s ease 1s;
	-o-animation: scale_r .6s ease 1s;
	animation: scale_r .6s ease 1s;
	-webkit-animation-fill-mode: backwards;
	-moz-animation-fill-mode: backwards;
	-o-animation-fill-mode: backwards;
	animation-fill-mode: backwards
}

.bgz {
	opacity: .7;
	filter: Alpha(opacity=70)
}

.fshow {
	z-index: 50
}

.s_mod {
	width: 100%
}

.bnav {
	bottom: 15px
}

.pointips {
	bottom: 30px
}

.txtwrap h3 {
	color: #000;
	opacity: .8;
	filter: Alpha(opacity=80)
}

.txtwrap p {
	color: #000;
	opacity: .6;
	filter: Alpha(opacity=60)
}

.ipage {
	width: 100%
}

.intro_4 .txtwrap,.intro_3 .txtwrap,.intro_2 .txtwrap,.intro_1 .txtwrap {
	height: 0;
	overflow: hidden
}

.fig_4_1 {
	left: 8px
}

.fig_4_2 {
	left: 122px
}

.fig_3_1 {
	width: 640px
}

.fig_2_1 {
	width: 780px;
	left: -284px
}

.bimg_1_2 {
	margin-top: -153px
}

.bnav {
	width: 64px;
	margin-left: -30px
}

.repbg {
	width: 100%;
	min-width: 1244px;
	height: 264px
}
.repbg_1 {
	width: 100%;
	min-width: 1244px;
	height: 700px
}

.repbg_2 {
	width: 100%;
	min-width: 1244px;
	height: 800px
}

.repbg_3 {
	width: 100%;
	min-width: 1244px;
	height: 660px
}

.foot {
	width: 100%;
	min-width: 1244px
}

.s_mod ul {
	width: 1244px
}